
/* CSS Document */

/*@media (max-width: 479px) {
}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 960px) {
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 961px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}*/




@media only screen and (max-width:1000px) {
.nav_btn {
	display: block;
}
}

@media only screen and (max-width:960px) {
.content>ul>li {
	width: 100%;
	float: none;
	margin-top: 40px;
	position: relative;
}
.c_nav {
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 480px;
	height: 80%;
	margin: auto;
}
.c_title {
	width: 96%;
	margin: 0 auto;
}
.c_title >ul {
	width: 96%;
	margin: 0 auto;
}
.c_info {
	width: 96%;
	margin: 0 auto;
}
.c_info >ul {
	width: 96%;
	margin: 0 auto;
}
.detail_d_info {
	margin-top: 20px;
}
}

@media only screen and (max-width:568px) {
.meun {
	width: 96%;
	margin: 0 auto;
	float: none;
}
.detail_d {
	width: 96%;
	margin: 0 auto;
	float: none;
}
}

@media only screen and (max-width:558px) {
.header>a>img {
	width: 80%;
}
.nav_btn {
/*	float: right;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;*/
	margin-right: 0px;
}
.nav {
}
.meun {
	width: 96%;
	margin: 0 auto;
	float: none;
}
.detail_d {
	width: 96%;
	margin: 0 auto;
	float: none;
}
}

@media only screen and (max-width:500px) {
.header >a>img {
	vertical-align: middle;
}
.nav_btn {
	margin-right: 0px;
}
}

@media only screen and (max-width:460px) {
.header >a>img {
	vertical-align: middle;
}
.c_title {
	width: 96%;
}
.c_title>ul {
	width: 96%;
}
.c_info {
	width: 96%;
}
.c_info>ul {
	width: 96%;
}
.c_nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 480px;
	height: 80%;
	margin: auto;
}
.detail_d_info {
	margin-top: 20px;
}
}

@media only screen and (max-width:380px) {
.c_info>ul>li>span {
	display: none;
}
}

@media only screen and (max-width:330px) {
.c_nav {
	top: -26px;
}
}
